<template>
  <div class="h-tabs-container">
    <tabs :value="value" @getIndex="getCurrentIndex">
      <tab label="全部" index="1">     <!--tab1为切换标题 -->
        <div>
          <All />
        </div>
      </tab>
      <tab label="待付款" index="2">
        <div>待付款</div>
      </tab>
      <tab label="待发货" index="3">
        <div>待发货</div>
      </tab>
      <tab label="待收货" index="4">
        <div>待收货</div>
      </tab>
      <tab label="待评价" index="5">
        <div>待评价</div>
      </tab>
    </tabs>
  </div>
</template>

<script>
import All from './orderTabs/all';
  export default {
    name: 'OrderTabs',
    components: {
      All
    },
    data(){
      return{
        value:1
      }
    },
    methods:{
      getCurrentIndex(index){
        this.value = index;
      }
    },
  }
</script>

<style scoped>
.h-tabs-container{
  margin: 0.15rem 0;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  background-color: #fff;
}



</style>